import React, { Component } from 'react';
import { HashRouter, Route, Switch } from 'react-router-dom';
// import { renderRoutes } from 'react-router-config';
import Loadable from 'react-loadable'
const loading = () => <div className="animated fadeIn pt-3 text-center">Loading...</div>;
const layoutsDetault = Loadable({ loader: () => import('./layouts/detault'), loading })
const Logo = Loadable({ loader: () => import('./pages/logo'), loading })
class App extends Component {
  render() {
    return (
      <HashRouter>
        <Switch>
          <Route path="/logo" name="Logo" component={Logo} />
          <Route path="/" name="layoutsDetault" component={layoutsDetault} />
        </Switch>
      </HashRouter>
    )
  }
}
export default App

  // const Register = Loadable({
//   loader: () => import('./views/Pages/Register'),
//   loading
// });
// const Page404 = Loadable({
//   loader: () => import('./views/Pages/Page404'),
//   loading
// });
// const Page500 = Loadable({
//   loader: () => import('./views/Pages/Page500'),
//   loading
// })
  // render() {
  //   return (
  //     <HashRouter>
  //       <Switch>
  //         <Route exact path="/login" name="Login Page" component={Login} />
  //         <Route exact path="/register" name="Register Page" component={Register} />
  //         <Route exact path="/404" name="Page 404" component={Page404} />
  //         <Route exact path="/500" name="Page 500" component={Page500} />
  //         <Route path="/" name="Home" component={DefaultLayout} />
  //       </Switch>
  //     </HashRouter>
  //   )
  // }
